<ion-content>
  <ion-grid no-padding >
    <ion-row  id="background">
      <ion-col col-10 no-padding>
        <ion-searchbar (ionInput)="getItems($event)" placeholder="{{ 'SEARCH_PLACEHOLDER' | translate }}"></ion-searchbar>
      </ion-col>
      <ion-col no-padding id="col_back" (click)="goBack()">
        <span id="back">取消</span>
      </ion-col>
    </ion-row>
  </ion-grid>


  <ion-list>
    <button ion-item (click)="openItem(item)" *ngFor="let item of currentItems">
      <ion-avatar item-start>
        <img [src]="item.profilePic" />
      </ion-avatar>
      <h2>{{item.name}}</h2>
      <p>{{item.about}}</p>
      <ion-note item-end *ngIf="item.note">{{item.note}}</ion-note>
    </button>
  </ion-list>
</ion-content>
